<!DOCTYPE html>
<html lang="en">
  <head>
    <title>MathB.in - Share Mathematics with LaTeX and Markdown</title>
    <script src="js/mathb/options.js"></script>
    <script src="js/texme/texme.js"></script>
    <script src="js/mathb/mathb.js"></script>
    <link rel="stylesheet" type="text/css" href="css/mathb.css">
    <link rel="stylesheet" type="text/css" href="css/view.css">
    <link rel="icon" type="image/png" href="favicon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
  </head>
  <body>
    <header>
      <h1><a href="/">MathB.in</a></h1><nav>
        <a href="/">New</a>
        <a href="/1">Demo</a>
        <a href="/2">Tutorial</a>
        <a href="/3">About</a>
      </nav>
    </header>
    <main{{ class }}>
      <form id="form" method="post">
        <textarea id="code" name="code" placeholder="Enter LaTeX and Markdown code here.  Enclose inline math within $ and $, or \( and \).  Enclose displayed math within $$ and $$, or \[ and \].  The following commands work outside math mode: \ref, \eqref, \begin, \end and \$.  Put spaces on both sides of less-than sign." required>{{ code }}</textarea>
        <input id="title" name="title" value="{{ title }}" placeholder="Title (Optional)">
        <input id="name" name="name" value="{{ name }}" placeholder="Name (Optional)">
        <input id="submit" type="submit" name="submit" value="Save &amp; Get URL">
      </form><div id="output">
        <div id="sheet">
          <div id="view">
            {{ error }}<noscript>
              ERROR: JavaScript must be enabled to render input!
            </noscript>
          </div>
          <div id="date">{{ date }}</div>
        </div>
        <div id="widget">
          <input id="url" readonly><input id="copy" type="button" value="Copy URL">
        </div>
      </div>
    </main>
    <footer>
      <hr>
      <div>
        <nav>
          <a href="/">New</a>
          <a href="/1">Demo</a>
          <a href="/2">Tutorial</a>
          <a href="/3">About</a>
          <a href="/4">Privacy</a>
          <a href="https://github.com/susam/mathb">GitHub</a>
          <a href="https://twitter.com/susam">Twitter</a>
        </nav>
        <p>
          This is free and open source software.  The source code of
          this website is available on
          <a href="https://github.com/susam/mathb">GitHub</a>
          under the terms of the
          <a href="https://github.com/susam/mathb/blob/main/LICENSE.md">MIT
          License</a>.  To report bugs, suggest improvements, or ask
          questions, <a href="https://github.com/susam/mathb/issues">create
          a new issue</a>.
        </p>
      </div>
    </footer>
  </body>
</html>
